<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<!--    <link rel="stylesheet" href="/resources/demos/style.css">-->
</head>
<body>
    <button id="opener">打开对话框</button>
    <div id="dialog" title="对话框标题">
        我是一个对话框
        <table>
            <tr>
                <td><img src="http://img.chohee.top/pai.png" align="center"></td>
            </tr>
            <tr>
                <td><span align="center">名称:{{}}</span></td>
            </tr>
        </table>

    </div>

    <script>
        $( "#dialog" ).dialog({ autoOpen: false });
        $( "#opener" ).click(function() {
            $( "#dialog" ).dialog( "open" );
        });
    </script>
</body>
</html>